<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        img{
            width: 180px;
            height: 180px;
            border-radius: 10%;
        }
        li{
            list-style: none;
            float: left;
            border: solid seagreen 2px;
            margin: 10px;

        }
        ul{
            width: 900px;
            height: 400px;
            background-color: white;
            margin: 0px auto;
            padding: 0px;
        }
    </style>
</head>
<body>
<ul>
    <li><img src="./img/1.jpg" alt=""/></li>
    <li><img src="./img/2.jpg" alt=""/></li>
    <li><img src="./img/3.jpg" alt=""/></li>
    <li><img src="./img/4.jpg" alt=""/></li>
    <li><img src="./img/5.jpg" alt=""/></li>
    <li><img src="./img/6.jpg" alt=""/></li>
    <li><img src="./img/7.png" alt=""/></li>
    <li><img src="./img/8.png" alt=""/></li>
</ul>
</body>
</html>